<!DOCTYPE html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" >

<head>
  <meta charset="utf-8">
  <!-- If you delete this meta tag World War Z will become a reality -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>zx-helpdesk</title>

  <!-- If you are using the CSS version, only link these 2 files, you may add app.css to use for your overrides if you like -->
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/css/normalize.min.css">
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/css/foundation.min.css">


  <!-- If you are using the gem version, you need this only -->
  <link rel="stylesheet" href="/css/site.css">

  <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/js/vendor/modernizr.js"></script>

</head>
<body>

  <!-- body content here -->
<div class="row">
    <div class="large-12 columns">

        <nav class="top-bar" data-topbar>
            <ul class="title-area">

                <li class="name">
                    <h1>
                        <a href="/">
                          Helpdesk
                        </a>
                    </h1>
                </li>

                <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
            </ul>

            <section class="top-bar-section">
                <ul class="left">
                    <li><a href="/">Home</a></li>
                    <li><a href="{{logout_url}}">Logout</a></li>
                </ul>

                <!--
                <ul class="right">
                    <li class="search">
                        <form>
                          <input type="search">
                        </form>
                    </li>

                    <li class="has-button">
                        <a class="small button" href="#">Search</a>
                    </li>
                </ul>
                -->

            </section>
        </nav>

      </div>
</div>
&nbsp;
{% block body %}{% endblock %}
&nbsp;

{% block footer %}
<footer class="row">
    <div class="large-12 columns">
        <hr />
        <div class="row">
            <div class="large-6 columns">
                <p>Helping others to help myself.</p>
            </div>

            <div class="large-6 columns">
                <ul class="inline-list right">
                    {% for link in footer_hyperlinks %}

                    <li><a href="{{ link.url }}" title="{{ link.title }}">{{ link.display_text }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
</footer>
{% endblock %}

    <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/js/vendor/jquery.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/js/foundation.min.js"></script>
    <script>
        $(document).foundation();
    </script>
    <script type="text/javascript">
        (function ($) {
            "use strict";
        }(jQuery));
    </script>
</body>
</html>
